<template>
  <div>
    <el-menu style="height: 100%;">
      <router-link :to="{ name: 'role1Monone' }">
        <el-menu-item index="1">
          <i class="el-icon-camera"></i>
          设备管理
        </el-menu-item>
      </router-link>

      <router-link :to="{ name: 'role1Montwo' }">
        <el-menu-item index="2">
          <i class="el-icon-camera"></i>
          设备列表
        </el-menu-item>
      </router-link>

      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-camera"></i>
          设施管理
        </template>
        <router-link :to="{ name: 'role1Monthree' }">
          <el-menu-item index="3-1">
            安全帽管理
          </el-menu-item>
        </router-link>
        <router-link :to="{ name: 'role1Monfour' }">
          <el-menu-item index="3-2">
            监控设施
          </el-menu-item>
        </router-link>
        <router-link :to="{ name: 'role1Monfive' }">
          <el-menu-item index="3-3">
            传感器设施
          </el-menu-item>
        </router-link>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "Monitoringbar",
  props: {}
};
</script>

<style scoped>
a {
  text-decoration: none;
}
</style>
